<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="../public/stylesheets/login.css">
    <link rel="stylesheet" href="../public/stylesheets/verify.css">
</head>
<body>
    <header>
        <h3 class="logo">学生信息管理系统</h3>
    </header>
    <div class="main">
        <div class="box">
            <h4>平台登录</h4>
            <input type="text" placeholder="请输入用户名" class="username" id="username">
            <input type="password" placeholder="请输入密码" class="userpwd" id="userpwd">
            <div id="mpanel2" >
            </div>
            <input type="button" value="登录" id="login">
        </div>
    </div>
    <p>Powered by 打造前程 © 2014-2020 北京打造前程互联网教育科技有限公司 版权所有</p>
</body>
<script src="../public/javascripts/jquery.min.js"></script>
<script src="../public/javascripts/verify.js"></script>

<script>
    $(function(){
        $('#mpanel2').codeVerify({
        		type : 1,
		    	width : '260px',
		    	height : '30px',
		    	fontSize : '20px',
		    	codeLength : 4,
		    	btnId : 'login',
		    	ready : function() {
		    	},
		    	success : function() {
                    alert('验证匹配！');
                    // 成功后跳转路由
		    	},
		    	error : function() {
		    		alert('验证码不匹配！');
		    	}
		    });
    })
</script>
</html>